//点击丑八怪播放本地歌曲
$(".song_list li a").click(function () {
    $('.myaudio').prop('src', './13ea_1ec3_bc86_f124b23dc2483683d410dd018797712e.mp3')
})

//回车  搜索功能实现
$(window).keyup(function (e) {
    var txt = $.trim($('#ipt').val())
    if (e.keyCode == 13) {
        //歌曲列表
        $.ajax({
            url: `https://autumnfish.cn/search?keywords=${txt}`,
            type: 'GET',
            success: function (res) {
                $('.song_list').empty()
                var songs = res.result.songs
                // console.log(songs);
                for (let i = 0; i < songs.length; i++) {
                    res = songs[i].name
                    id = songs[i].id
                    $('.song_list').append(`<li data-id="${id}">
                    <a href="javascript:;"></a>${res}</li> `)
                }
            }
        })
        //清空搜索框
        $('#ipt').val('')
        //热门评论和封面
        $('.song_list').on('click', 'li', function () {
            var id = this.dataset.id
            comment(id)

        })
    }
})
//封装的热门评论和封面
function comment(id) {
    // console.log(t);
    $.ajax({
        url: `https://autumnfish.cn/comment/hot?type=0&id=${id}`,
        type: 'GET',
        success: function (res) {
            // console.log(res);
            $(".comment_list").empty();
            for (let i = 0; i < res.hotComments.length; i++) {
                item = res.hotComments[i]
                $('.comment_list').append(`<dl">
            <dd class="name">${item.user.nickname}</dd>
            <dd class="detail">
              ${item.content}
            </dd>
          </dl> `)
            }

        }
    })
    //歌曲图片显示
    $.ajax({
        url: `https://autumnfish.cn/song/detail?ids=${id}`,
        type: 'GET',
        success: function (res) {
            // console.log(res);
            var img = res.songs[0].al.picUrl
            // console.log(img);
            // $('.player_con').empty()
            $('.player_con').append(`<img src="${img}" class="cover autoRotate" />`);;
            $('.player_con .autoRotate').css('animation-play-state', 'running')
        }
    })
}

// 点击每个li实现歌曲播放功能
$('.song_list').on('click', 'li', function () {
    //点击后li高亮起来
    $(this).addClass('active').siblings('li').removeClass('active')
    var id = this.dataset.id
    //点击之后播放歌曲
    play(id)

})


// 监听audio是否播放完
var audio = document.querySelector('audio');
if (audio) {
    audio.loop = false;
    audio.addEventListener('ended', function () {
        //逻辑代码
        console.log(getRandomSong());
        play(getRandomSong())  //随机播放
        
    }, false);
}


//封装的请求歌曲id函数
function play(sid) {
    $.ajax({
        url: `https://autumnfish.cn/song/url?id=${sid}`,
        type: 'GET',
        success: function (res) {
            // console.log(res);
            $('.myaudio').prop('src', res.data[0].url)
        }
    })
    comment(sid) //评论封面等
    //找到当前播放的歌曲
    $(playId(sid)).addClass('active').siblings('li').removeClass('active')//排他
    
}


//返回当前正在播放的id函数 
function playId(sid) {
    var lis = document.querySelector('.song_list').getElementsByTagName('li')
    var that
    for (let i = 0; i < lis.length; i++) {
        if (lis[i].dataset.id === sid) {
            that = lis[i]
            break
        }

    }
    return that
}


//封装的随机id函数
function getRandomSong() {
    var lis = document.querySelector('.song_list').getElementsByTagName('li')
    //定义一个数组来存歌曲播放id
    var arr = []
    for (let i = 0; i < lis.length; i++) {
        arr.push(lis[i].dataset.id)
    }
    console.log(arr);
    //返回一个随机歌曲id
    return arr[Math.floor(Math.random() * arr.length)]
}

